:host {
    display: flex;
}

.side {
    //width: 20px;
    padding: 1px;
    background-color: #f0f0f0;
    user-select: none;

    .item {
        background-color: #d0d0d0;
        border: 1px solid #d0d0d0;
        margin: 2px 1px;
        padding: 5px 2px;
        writing-mode: vertical-rl;
        cursor: pointer;

        &:hover {
            background-color: white;
        }

        &.active {
            background-color: white;
        }
    }
}

.content {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
}

.split {
    width: 8px;
    background-color: #c9c9c9;
    cursor: col-resize;
}
